<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
	<title>数字资产</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div class="content-wrap">
		<div class="assets-wrap">
			<div class="assets-tab">
				<ul>
					<li class="on">订单</li>
					<li>数字资产</li>
				</ul>
			</div>
			<div class="assets-content">
				<div class="assets-num assets-order-num">
					<div class="assets-num-img"><img src="images/banner.png"></div>
					<div class="assets-num-list">
						<ul>
							<li>
								<a href="##">
									<img src="images/wallet.png">
									<p>买入</p>
								</a>
							</li>
							<li>
								<a href="##">
									<img src="images/sell.png">
									<p>卖出</p>
								</a>
							</li>
							<li>
								<a href="##">
									<img src="images/record.png">
									<p>交易记录</p>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="assets-order assets-order-num">
					<div class="find_nav">
						<div class="find_nav_left">
							<div class="find_nav_list" style="">
								<ul class="assets-order-list">
									<li class="assets-order-first">
										<h1>平台已释放数字币</h1>
										<p>98000.00</p>
										<div>总冻结数字币1000000.00</div>
									</li>
									<li class="assets-order-second">
										<h1>个人资产数字币</h1>
										<p>98000.00</p>
										<a href="##" class="assets-list-wallet">钱包</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="assets-order-record">
						<h1>交易记录</h1>
						<ul class="assets-record-list">
							<li>
								<a href="##">
									<img src="images/income.png">
									<div class="assets-list-content">
										<div class="assets-list-top">
											<span class="assets-list-num flt">+1000.00</span>
											<span class="assets-list-time frt">2018-05-28</span>
										</div>
										<div class="assets-list-bottom">
											<p class="ellipsis">交易详细内容详细内容详细内容</p>
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href="##">
									<img src="images/spend.png">
									<div class="assets-list-content">
										<div class="assets-list-top">
											<span class="assets-list-num flt">+1000.00</span>
											<span class="assets-list-time frt">2018-05-28</span>
										</div>
										<div class="assets-list-bottom">
											<p class="ellipsis">交易详细内容详细内容详细内容</p>
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href="##">
									<img src="images/income.png">
									<div class="assets-list-content">
										<div class="assets-list-top">
											<span class="assets-list-num flt">+1000.00</span>
											<span class="assets-list-time frt">2018-05-28</span>
										</div>
										<div class="assets-list-bottom">
											<p class="ellipsis">交易详细内容详细内容详细内容</p>
										</div>
									</div>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="foot">
		<div class="tab-list">
			<a href="##">
				<div class="tab-list-img tab-list-index"></div>
				<div class="tab-list-text">首页</div>
			</a>
		</div>
		<div class="tab-list tab-list-on">
			<a href="##">
				<div class="tab-list-img tab-list-assets"></div>
				<div class="tab-list-text">资产</div>
			</a>
		</div>
		<div class="tab-list">
			<a href="##">
				<div class="tab-list-img tab-list-shop"></div>
				<div class="tab-list-text">商城</div>
			</a>
		</div>
		<div class="tab-list">
			<a href="##">
				<div class="tab-list-img tab-list-ad"></div>
				<div class="tab-list-text">广告</div>
			</a>
		</div>
		<div class="tab-list">
			<a href="##">
				<div class="tab-list-img tab-list-my"></div>
				<div class="tab-list-text">我的</div>
			</a>
		</div>
	</div>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/tab.js"></script>
	<!-- <script type="text/javascript" src="js/common.js"></script> -->
	<script type="text/javascript">
		$(".assets-tab li").click(function(){
		$(this).addClass("on").siblings().removeClass("on")
		var index = $(".assets-tab li").index(this);
		console.log(index)
		$(".assets-content div.assets-order-num").eq(index).show().siblings().hide();
	})
	</script>
</body>
</html>